@import "theme";

@darkBackground: #001529;
@darkTitleColor: #fff;
@lightTitleColor: #1890ff;
.darkBackground {
  background: @darkBackground;
}

.fontBlack {
  color: #000000D9;
}

.white {
  color: #FFFFFF;
}

/**
  Header相关
 */
@headerHeight: 48px; //header整体高度
@searchOpenWidth: 220px; //搜索框打开宽度
@searchCloseWidth: 40px; //搜索框管关闭宽度
@messageWidth: 32px; //消息宽度
@helpWidth: 38px; //帮助宽度
@userWidth: 130px; //用户宽度
@languageWidth: 24px; //语言宽度
@tabViewHeight: 45px; //tabView整体高度
@breadcrumbHeight: 35px; //面包屑高度
@footerHeight: 50px; //尾部高度
@contentPageHeight: 60px;
/**
 content内容窗口滚动条
 */
.content_scrollbar {
  overflow: auto;
  height: calc(100vh - @tabViewHeight - @headerHeight - @footerHeight)
}

.content_scrollbar::-webkit-scrollbar-thumb {
  border: 1px solid transparent !important; //缩小
  background-clip: content-box !important; //缩小
  background: rgba(16, 15, 15, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
}

/*滚动背景*/
.content_scrollbar::-webkit-scrollbar-track {
  background: rgba(23, 21, 21, 0.03);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
}

/*滚动条大小*/
.content_scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 12px;
}


/**
自定义滚动条
先将设置组件宽或高
设置 hidden: X 或 Y 为 auto
滚动条瘦身：thumb + border
滚动背景：track
 */
.menu_scrollbar {
  height: calc(100vh);
}

/*滚动条*/
.menu_scrollbar ::-webkit-scrollbar-thumb {
  border: 1px solid transparent !important; //缩小
  background-clip: content-box !important; //缩小
  background: rgba(0, 0, 0, .12);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
}

/*滚动背景*/
.menu_scrollbar ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .06);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
}

/*滚动条大小*/
.menu_scrollbar ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.menu_scrollbar_dark {
  height: calc(100vh);
}

.menu_scrollbar_dark ::-webkit-scrollbar-thumb {
  border: 1px solid transparent !important; //缩小
  background-clip: content-box !important; //缩小
  background: hsla(0, 0%, 100%, .2);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
}

/*滚动背景*/
.menu_scrollbar_dark ::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, .15);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px rgb(0 21 41 / 5%);
}

/*滚动条大小*/
.menu_scrollbar_dark ::-webkit-scrollbar {
  width: 7px;
  height: 12px;
}


/*
content页面公用样式
*/

.bg1 {
  background: @layout-color1 !important;
}

.bg2 {
  background: @layout-color2 !important;
}

.content {
  height: 100%;
  background: @layout-color2 !important;
  margin: 0 16px 0 16px;
}

.search_form {
  background: #FFFFFF;
  margin-top: 16px;
  padding: 20px 16px 0 5px !important;
  display: flex;
  border-radius: 5px;
}

.search_form_dialog {
  background: #FFFFFF;
}

.search_form_top {
  background: #FFFFFF;
  padding-top: 16px;
}

//表格工具栏
.table_tools {
  display: flex;
  align-items: center;
  height: 50px;
  margin-top: 16px;
  padding: 0 16px;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: 0 1px 6px 0 rgba(229, 227, 227, 0.1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #FFFFFF;
}

//表格分页
.table_page {
  background: #FFFFFF;
  height: @contentPageHeight;
  padding-right: 20px;
  display: flex !important;
  justify-content: end !important;
  align-items: center !important;
  border-top: 1px solid #F0F0F0;
}

//搜索栏只存在两个按钮时的样式
.search_button_2 {
  margin-right: 0;
  min-width: 170px;
  max-width: 170px;
  width: 170px;
}

//表格action工具栏文字大小
.table_action_a {
  font-size: 12px !important;
}

//最大圆角
.round {
  border-radius: 99999px !important;
}

.shadow3 {
  box-shadow: 0 1px 2px rgb(0 21 41 / 2%);
}

//左上右上5个圆角
.border2top5 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.border1_radius {
  border: 1px solid #EEEEEE;
  border-radius: 999px
}

.font11 {
  font-size: 11px !important;
}

.font12 {
  font-size: 12px !important;
}

.font14 {
  font-size: 14px !important;
}

.font16 {
  font-size: 16px !important;
}

.font18 {
  font-size: 18px !important;
}

/*鼠标悬浮指针样式*/
.pointer {
  cursor: pointer !important;
}

.hover_F5:hover {
  background: #F5F5F5 !important;
  transition: all .5s !important;
}

.hover_text_blue:hover {
  color: #1890FF !important;
  cursor: pointer !important;
  transition: all .5s !important;
}

.hover_blue:hover {
  color: #1890FF !important;
  background: #1890FF20 !important;
  cursor: pointer !important;
  transition: all .5s !important;
}


.hover_text_white:hover {
  color: #FFFFFF !important;
  cursor: pointer !important;
  transition: all .5s !important;
}

.hover_text_red:hover {
  color: #b41717 !important;
  cursor: pointer !important;
  transition: all .5s !important;
}


/**
动画
 */




